<template>
  <Modal class="w-2/5" title="微馆图书分类">
    <Grid table-title=""></Grid>
  </Modal>
</template>

<script setup>
defineOptions({
  name: 'CateModel',
});

import { ref, reactive, onMounted } from 'vue';
import { useVbenModal } from '@vben/common-ui';
import { useVbenVxeGrid } from '#/adapter/vxe-table';
import { cateGridOptions, viewStoreId } from '../data/options';

const props = defineProps({
  modelValue: {
    type: String,
    default: '',
  },
});

//  表格配置
const [Grid, gridApi] = useVbenVxeGrid({
  gridOptions: cateGridOptions,
});

const [Modal, modalApi] = useVbenModal({
  draggable: true,
  destroyOnClose: true,
  showCancelButton: false,
  showConfirmButton: false,
});

// 打开弹窗
const open = (data) => {
  modalApi.open();
};

defineExpose({
  open,
});
</script>

<style lang="scss" scoped>
.control-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
  display: flex;
  align-items: center;
}
button {
  padding: 4px;
  background-color: #fff;
  margin-right: 5px;
  border: 1px solid #ddd;
}
</style>
